<!---- SUI模板 on ${DATE} -->
<script ng-init="initCssAndJs()"></script>
<script ng-init="initCss('xiang-page/css/xiang.css')"></script>
<header class="bar bar-nav">
    <span class="icon icon-left pull-left button-nav" ng-click="returnError()"></span>

    <h1 class="title">线路详情</h1>
</header>
<!-- 底部bar-->
<nav class="bar bar-tab">
    <a href="#/help" class="tab-item external">
        <span class="fa fa-commenting"></span>
        <span class="tab-label">咨询</span>
    </a>
    <a class="tab-item external" ng-show="classInfo.classPrice!=0">
        <span class="fa fa-shopping-cart" ng-click="addShoppingCar()"></span>
        <span class="tab-label">购物车</span>
    </a>
    <a class="tab-item external" ng-click="addCollection()">
        <span class="fa fa-heart"></span>
        <span class="tab-label">收藏</span>
    </a>
    <a class="tab-item external" ng-show="classInfo.classPrice!=0" ng-click="addOrder()"
       style="background:#ff632a;color: white">
        <span class="tab-label">购买</span>
    </a>
    <a class="tab-item external" ng-show="classInfo.classPrice==0" ng-click="studyNow()"
       style="background:#0fcde5;color: white">
        <span class="tab-label">立即学习</span>
    </a>
</nav>
<div class="content" ng-init="getClassInfo()">


    <!-- 轮播图 -->
    <div class="swiper-container" data-space-between='0' data-swiper-autoplay="2000" style="margin-top: -2rem">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <img ng-src="page/xiang-linetake-page/img/7.png" alt="">
                <!--<p class="img-words" ng-click="$parent.turnDetail(silder)">{{silder.groupTitle}}</p>-->
            </div>
            <div class="swiper-slide">
                <img ng-src="page/xiang-linetake-page/img/8.png" alt="">
                <!--<p class="img-words" ng-click="$parent.turnDetail(silder)">{{silder.groupTitle}}</p>-->
            </div>
            <div class="swiper-slide">
                <img ng-src="page/xiang-linetake-page/img/9.png" alt="">
                <!--<p class="img-words" ng-click="$parent.turnDetail(silder)">{{silder.groupTitle}}</p>-->
            </div>
            <div class="swiper-slide">
                <img ng-src="page/xiang-linetake-page/img/10.png" alt="">
                <!--<p class="img-words" ng-click="$parent.turnDetail(silder)">{{silder.groupTitle}}</p>-->
            </div>
        </div>
        <div class="swiper-pagination"></div>
    </div>

    <div class="buttons-tab">
        <a href="#/xiangqing" class="active button">简介</a>
        <a href="#/linetake" class="button">线路规划</a>
        <a href="#/pingjia-page" class="button">评价</a>
    </div>
    <!-- 加载提示符 -->
    <div class="infinite-scroll-preloader">
        <div class="preloader"></div>
    </div>
    <div class="xiangqing-content">
        <div class="kang">{{classInfo.classTitle}}</div>
        <div class="book">课程简介：</div>
        <div class="come">
            <p>{{classInfo.classDetail}}</p>
        </div>
        <div class="doer">
            <a class="star">
                <span id="grade"></span>
            </a>
            <a class="people">{{classInfo.classCount}}人学过</a>
            <a class="money2">{{classInfo.classPrice|currency:" ￥ "}}</a>
        </div>
    </div>


    <!--弹框结束-->
    <div ng-init="suiMobileInit('home-page/js/home.js')"></div>